<ul id="path-list">
  <%= render :partial => "step_edit", :collection => @steps %>   
  <li id="new-path">
    <div class="step">
      <div id="new-input" >
        <label for="new_page_title">title:</label><%= text_field_tag 'new_page_title', '', {:size => 23} %>
        <label for="new_page_uri">url:</label><%= text_field_tag 'new_page_uri', 'http://', {:size => 23} %><br />
        <%= button_to_function "Add Step", 'AddStepToPath()'%>
        <!--a id="add_link" href="#" onclick="AddStepToPath(self);" title="Add new step to path using elements defined by title and url">add new site to path</a-->
      </div>
    </div>
  </li>
</ul>
<%= sortable_element 'path-list', :url => {:action => 'update_path_order', :controller => "paths", :path_id => @path.id}, :constraint => 'horizontal', :overlap => 'horizontal', :only => 'sort-it' %>